<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/common/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<script src="${ctx}/static/admin/share/audio/js/index.js"></script>
	<link rel="stylesheet" href="${ctx}/static/admin/share/audio/css/style.css" />
	<title>吃瓜讲堂</title>
	<!--[if lte IE 8]>
		<script>msg();</script>
	<![endif]-->
</head>
<body>
	<div class="audio-player">
		<div class="container">
			<div class="audio-img">
				<img src="${resultAudio.coverUrl}" alt="" />
				<div id="modal"></div>
				<div id="audio-control" class="audio-star"></div>
			</div>
			<div class="audio-title">
				<h1>${resultAudio.articleTitle}</h1>
			</div>
			<div class="audio-button">
				<a href="${ctx}/static/admin/shareApp/app_share.html" id="download"></a>
				<a href="${ctx}/static/admin/shareApp/app_share.html" id="share"></a>
			</div>
			<div class="audio-bar">
				<span id="current-time">0:00</span>
				<div class="progress-bar">
					<div id="progress-bar-box"></div>
					<div id="progress-bar-active" style="width:0%"></div>
					<div id="progress-bar-btn" style="margin-left:0rem"></div>
				</div>
				<span id="total-time">${resultAudio.duration }</span>
			</div>
			<audio id="media" src="${resultAudio.fileUrl}"></audio>
		</div>
	</div>
	<div class="download-info">
		<img src="${ctx}/static/admin/share/article/img/logo.png" alt="" />
		<div class="download-info-content">
			<h3>吃瓜讲堂APP</h3>
			<p>做一个有思想的吃瓜群众</p>
		</div>
		<a href="${ctx}/static/admin/shareApp/app_share.html">立即下载</a>
	</div>
</body>
</html>